<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<ui:composition template="../../templates/layout.xhtml">
<ui:param name="jsfBean" value="#{fnDepositoJsfBean}"/>
<ui:param name="prefijo" value="ConsultaManifiesto"/>
<ui:define name="title">Lista de Depósitos</ui:define>
<ui:define name="content">
<p:spacer height="5px"/>
<p:panel styleClass="pnlTitlePage">
    <h:outputText value="Lista de Depósitos" style="font-size:16px;" styleClass="resultHeader"/>
</p:panel>
<p:spacer height="5px"/>
<h:form id="formPrincipal" prependId="false">
    <!-- Panel de búsqueda y resultados -->
    <p:panel id="pnlCriteria#{prefijo}" header="Búsqueda de Depósitos" styleClass="pnlCriteria">
        <h:panelGrid id="pngCriteria#{prefijo}" columns="8">

            <h:outputLabel for="txtDeposito" value="Depósito"/>
            <p:inputText id="txtDeposito" value="#{jsfBean.filter.depositoId}"
                         onkeypress="return isNumeric(event)" size="5" maxlength="4"/>

            <h:outputLabel for="txtRuc" value="RUC"/>
            <p:inputText id="txtRuc" value="#{jsfBean.filter.depositoRuc}"
                         onkeypress="return isNumeric(event)" size="13" maxlength="11"/>

            <h:outputLabel for="txtEmpresa" value="Empresa"/>
            <p:inputText id="txtEmpresa" value="#{jsfBean.filter.depositoEmpresa}"
                         size="30" maxlength="50"/>

            <h:outputLabel for="cmbEstado" value="Estado"/>
            <p:selectOneMenu id="cmbEstado" value="#{jsfBean.filter.depositoEstado}"
                             style="width:140px;">
                <f:selectItem itemLabel="Todos" itemValue=""/>
                <f:selectItem itemLabel="Activo" itemValue="1"/>
                <f:selectItem itemLabel="Inactivo" itemValue="0"/>
            </p:selectOneMenu>

        </h:panelGrid>

        <p:spacer height="3px"/>

        <p:spacer height="3px"/>
        <h:panelGrid id="gridBusqueda3" columns="3">
            <p:commandButton ajax="true" value="Buscar" id="btnBuscar" icon="ui-icon-search"
                             actionListener="#{jsfBean.findAction}"
                    />
            <p:commandButton ajax="true" value="Limpiar" id="btnLimpiar" icon="ui-icon-refresh"
                             actionListener="#{jsfBean.cleanAction}"
                    />
        </h:panelGrid>
    </p:panel>

    <p:panel id="pnlResult#{prefijo}" toggleable="false" toggleSpeed="250"
             styleClass="pnlResult">
        <f:facet name="header">
            <h:outputText value="Listado de Depósitos"/>
            <h:outputText value=" (Registros : #{jsfBean.resultListSize}) " styleClass="resultHeader"/>
        </f:facet>
        <p:toolbar styleClass="actions-toolbar">
            <p:toolbarGroup align="left">
                <p:commandButton id="cmbNuevo" value="Nuevo" icon="ui-icon-newwin"
                                 actionListener="#{jsfBean.showNewDialogAction}" ajax="true">
                    <f:attribute name="dlgWv" value="wvDeposito"/>
                </p:commandButton>
            </p:toolbarGroup>
        </p:toolbar>        
        <p:dataTable id="dttResultado#{prefijo}" value="#{jsfBean.resultList}"
                     var="item"
                     rowKey="#{item.numeroBL}"
                     emptyMessage="#{messages.label_no_records_found1}"
                     selection="#{jsfBean.selectedRows}"
                     resizableColumns="false"
                     paginator="#{jsfBean.showablePaginator}"
                     paginatorPosition="bottom"
                     paginatorTemplate="#{messages.label_dataTable_rows_per_page} {RowsPerPageDropdown} | {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} | #{messages.label_dataTable_jump_to_Page} {JumpToPageDropdown}"
                     rowsPerPageTemplate="#{jsfBean.initRowsPerResultPage},10,25,50"
                     rows="#{jsfBean.initRowsPerResultPage}"
                     style="width:100%">
            <p:column styleClass="columnLeftTopClass"
                      style="min-width:35px; max-width:35px">
                <f:facet name="header">
                    <h:outputText value="Depósito"/>
                </f:facet>
                <h:outputText value="#{item.depositoId}"/>
            </p:column>
            <p:column styleClass="columnLeftTopClass" style="min-width:50px; max-width:50px">
                <f:facet name="header">
                    <h:outputText value="RUC"/>
                </f:facet>
                <h:outputText value="#{item.depositoRuc}"/>
            </p:column>
            <p:column styleClass="columnLeftTopClass" style="min-width:200px; max-width:200px">
                <f:facet name="header">
                    <h:outputText value="Empresa"/>
                </f:facet>
                <h:outputText value="#{item.depositoEmpresa} "/>
            </p:column>
            <p:column styleClass="columnLeftTopClass" style="min-width:30px; max-width:30px">
                <f:facet name="header">
                    <h:outputText value="Estado"/>
                </f:facet>
                <h:outputText value="#{item.depositoEstado eq '1'?'Activo':'Inactivo'} "/>
            </p:column>
            <p:column styleClass="columnLeftTopClass" style="min-width:50px; max-width:50px">
                <f:facet name="header">
                    <h:outputText value="Creador Por"/>
                </f:facet>
                <h:outputText value="#{item.creadoPor} "/>
            </p:column>

            <p:column styleClass="columnRighTopClass" style="min-width:80px; max-width:80px">
                <f:facet name="header">
                    <h:outputText value="Fecha Creación"/>
                </f:facet>
                <h:outputText value="#{item.fechaCreacion}">
                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" timeZone="America/Lima" type="both"/>
                </h:outputText>
            </p:column>
            <p:column styleClass="columnLeftTopClass" style="min-width:50px; max-width:50px">
                <f:facet name="header">
                    <h:outputText value="Modificado Por"/>
                </f:facet>
                <h:outputText value="#{item.modificadoPor} "/>
            </p:column>

            <p:column styleClass="columnRighTopClass" style="min-width:80px; max-width:80px">
                <f:facet name="header">
                    <h:outputText value="Fecha Modificación"/>
                </f:facet>
                <h:outputText value="#{item.fechaModificacion}">
                    <f:convertDateTime pattern="dd/MM/yyyy HH:mm:ss" timeZone="America/Lima" type="both"/>
                </h:outputText>
            </p:column>
            <p:column style="width:4%" exportable="false">
                <f:facet name="header">
                    <h:outputText value="#{messages.label_actions}"/>
                </f:facet>
                <p:commandButton id="cmbEdit" icon="ui-icon-pencil" title="#{messages.label_edit}"
                                 actionListener="#{jsfBean.showEditDialogAction}">
                    <f:attribute name="dlgWv" value="wvDeposito"/>
                    <f:attribute name="selectedRow" value="#{item}"/>
                </p:commandButton>
            </p:column>
        </p:dataTable>
    </p:panel>
</h:form>
<p:dialog id="dlgDeposito"
          header="Crear o Editar Depósito"
          modal="true"
          widgetVar="wvDeposito"
          resizable="true" dynamic="true"
          showEffect="fade" hideEffect="fade"
          width="500" height="180">
    <p:ajax event="close"  global="false"
            immediate="true" process="@this"
            listener="#{jsfBean.handleCloseDlg}"/>
    <h:form id="frmDeposito" prependId="true">

        <p:panel id="pnlDeposito" toggleable="false" toggleSpeed="250">
            <h:panelGrid id="pngDeposito" columns="2" styleClass="dialog" columnClasses="columna,columna">
                
                <h:outputLabel styleClass="required_field" for="txtCodigo"
                               value="Código"/>
                <h:panelGroup>
                    <p:inputText id="txtCodigo" size="5" maxlength="4"
                                 required="true" readonly="#{not jsfBean.creation}"
                                 disabled="#{not jsfBean.creation}"
                                 onkeypress="return isNumeric(event)"
                                 value="#{jsfBean.depositoVm.depositoId}"/>
                    <p:outputLabel styleClass="required-simbol"  value="(*)"/>
                </h:panelGroup>

                <h:outputLabel styleClass="required_field" for="txtBnRuc"
                               value="RUC"/>
                <h:panelGroup>
                    <p:inputText id="txtBnRuc" size="13" maxlength="11"
                                 required="true"
                                 onkeypress="return isNumeric(event)"
                                 value="#{jsfBean.depositoVm.depositoRuc}"/>
                    <p:outputLabel styleClass="required-simbol"  value="(*)"/>
                </h:panelGroup>

                <h:outputLabel styleClass="required_field" for="txtBnEmpresa"
                               value="Empresa"/>
                <h:panelGroup>
                    <p:inputText id="txtBnEmpresa" size="45" maxlength="150"
                                 required="true"
                                 value="#{jsfBean.depositoVm.depositoEmpresa}"/>
                    <p:outputLabel styleClass="required-simbol"  value="(*)"/>
                </h:panelGroup>

                <h:outputLabel for="selEstado" value="Estado"/>
                <p:selectOneMenu id="selEstado" value="#{jsfBean.depositoVm.depositoEstado}"
                                 required="true"
                                 effect="fade" style="width:80px;">
                    <f:selectItem itemLabel="Activo" itemValue="1"/>
                    <f:selectItem itemLabel="Inactivo" itemValue="0"/>
                </p:selectOneMenu>

            </h:panelGrid>
        </p:panel>
        <h:panelGrid columns="5">
            <p:commandButton id="cmbGrabar" value="#{messages.label_save}"
                             actionListener="#{jsfBean.saveAction}" icon="ui-icon-copy"
                             update="pnlDeposito"
                             ajax="true" >
                <f:attribute name="dlgWv" value="wvDeposito"/>
            </p:commandButton>
            <p:commandButton value="#{messages.label_close}" onclick="wvDeposito.hide()"
                             immediate="true" process="@this"  icon="ui-icon-close">
            </p:commandButton>
            <h:outputLabel value="#{messages.label_leyenda_camposObligatorios}"
                           styleClass="leyenda-campoRequerido"/>
        </h:panelGrid>
    </h:form>
</p:dialog>
</ui:define>
</ui:composition>
</html>